// @import './icon-test.scss';
@import './icon.scss';

text,view,image,scroll-view{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.overflow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.logo-img{
	width: 180rpx;
	height: 180rpx;
	border-radius: 50%;
}
.background-img-vague{
	width: 100%;
	filter:blur(20rpx);
}
.big-text-size{
	font-size: 30rpx !important;
}
.city-tag-item{
	display: inline-flex;
	background: rgba(221,221,221,0.2500);
	border-radius: 8rpx;
	font-size: 28rpx;
	color: #2E2E2E;
	// padding: 10rpx 20rpx;
	padding: 12rpx 50rpx;
	margin: 0 16rpx 20rpx 0;
}
.tag{
	display: initial;
	line-height: 36rpx;
	color: #FFF;
	background-color: #185ae9;
	border-radius: 8rpx;
	font-size: 28rpx;
	text-align: center;
	padding: 2rpx 10rpx;
}
.blue-tag{
	background-color: #185ae9;
}
.pink-tag{
	background-color: #ff61ff;
}
.gold-tag{
	background-color: #ffe1e0;
	color: #8e0405;
}
.public-big-btn {
	width: 100%;
	height: 80rpx;
	color: #FFF;
	background-image: linear-gradient(45deg,#f43f3b,#ec008c);
	&::after {
		border: 0;
	}
	&[disabled]{
		background-image: none;
		color: #FFF !important;
		background-color: #f9abb3 !important;
	}
}
.bg-gradual-red{
	background-image: linear-gradient(45deg,#f43f3b,#ec008c);
}
.red-color{
	color: #ff003d !important;
}
.blue-color{
	color: #185ae9 !important;
}
.pink-color{
	color: #ff61ff !important;
}
.border-w0{
	border: 0 !important;
}
.blue-big-btn{
	.u-btn{
		width: 686rpx !important;
		height: 86rpx !important;
		line-height: 86rpx;
		background-color: #185ae9 !important;
		color: #FFF !important;
		font-size: 30rpx !important;
		text-align: center !important;
		border-radius: 46rpx !important;
	}
}
.public-btn{
	.u-btn{
		width: 160rpx;
		height: 64rpx !important;
		font-size: 28rpx !important;
		padding: 0 !important;
		line-height: 64rpx !important;
	}
}
.small-btn{
	.u-btn{
		width: 134rpx !important;
		height: 48rpx !important;
	}
}
.red-white-btn{
	.u-btn{
		background-color: #ff003d !important;
		color: #FFF !important;
	}
	.u-default-hover{
		background-color: rgba(255, 0, 61, 0.2) !important;
	}
}
.green-white-btn{
	.u-btn{
		background-color: #43cf7c !important;
		color: #FFF !important;
	}
	.u-default-hover{
		background-color: rgba(67, 207, 124, 0.2) !important;
	}
}
.blue-white-btn{
	.u-btn{
		background-color: #185ae9 !important;
		color: #FFF !important;
	}
	.u-default-hover{
		background-color: rgba(24, 90, 233, 0.2) !important;
	}
}
.blue-plain-btn{
	.u-btn{
		background-color: #FFF !important;
		color: #185ae9 !important;
		font-size: 24rpx;
	}
	.u-default-hover{
		background-color: rgba(24, 90, 233, 0.2) !important;
	}
}
.withdraw-btn {
	width: 686rpx;
	font-size: 30rpx !important;
	padding: 22rpx 0;
	text-align: center;
	margin: 0 auto;
}
.nothing-ticket-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 0 60rpx 0;
	image{
		width: 292rpx;
		height: 292rpx;
	}
	text{
		color: #808080;
		font-size: 28rpx;
		margin-top: 8rpx;
	}
}
.small-con{
	font-size: 20rpx !important;
	padding: 0rpx 12rpx !important;
}
.public-tag{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	// padding: 2rpx 4rpx;
	padding: 0rpx 16rpx;
	color: #FFF;
	border-radius: 6rpx;
	font-size: 24rpx;
	letter-spacing: 2rpx;
	margin-right: 10rpx;
	font-family: Helvetica Neue,Helvetica,sans-serif;
}
.red-solid-tag{
	background-color: #FF003D;
	color: #FFF;
}
.red-plain-tag {
	border: 2rpx solid #FF003D;
	color: #FF003D;
}
.blue-plain-tag{
	border: 2rpx solid #0081ff;
	color: #0081ff;
}
.gray-plain-tag{
	border: 2rpx solid #AAA;
	color: #AAA;
}
.u-cell {
	padding: 26rpx 32rpx 0 32rpx !important;
}
.none-cinema-box {
	image {
		margin-top: 150rpx;
		width: 100%;
	}

	view {
		text-align: center;
		margin-top: 40rpx;
		font-size: 32rpx;
		color: #666;
	}
}
.index-movie-yuan {
	position: relative;
	border: 0rpx;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 30rpx;
	font-size: 28rpx;
	height: 64rpx;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	margin-left: 0;
	transform: translate(0rpx);
	margin-right: 0;
	border-radius: 999rpx;
	color: #FFF;
}

.index-movie-blue {
	background-image: linear-gradient(45deg, #3c8ce7, #00eaff);
}

.index-movie-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
}

.index-movie-cheng {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
}

.index-plain-cheng {
	border: 2rpx solid #f37b1d;
	color: #f37b1d;
}
.shadow[class*=-red] {
    box-shadow: 6rpx 6rpx 8rpx rgba(204,69,59,.2);
}

.shadow[class*=-orange] {
    box-shadow: 6rpx 6rpx 8rpx rgba(217,109,26,.2);
}

.shadow[class*=-yellow] {
    box-shadow: 6rpx 6rpx 8rpx rgba(224,170,7,.2);
}

.shadow[class*=-green] {
    box-shadow: 6rpx 6rpx 8rpx rgba(48,156,63,.2);
}


.shadow[class*=-blue] {
    box-shadow: 6rpx 6rpx 8rpx rgba(0,102,204,.2);
}

.shadow[class*=-gray],.shadow[class*=-grey] {
    box-shadow: 6rpx 6rpx 8rpx rgba(114,130,138,.2);
}

.shadow[class*=-black],.shadow[class*=-white] {
    box-shadow: 6rpx 6rpx 8rpx rgba(26,26,26,.2);
}
.dropdown-group-style {
	.no-right {
		.u-dropdown {
			.u-dropdown__menu__item {
				&:last-of-type {
					margin-right: 0rpx !important;
				}
			}
		}
	}
	.choose-box {
		display: flex;
		.u-dropdown {
			.u-dropdown__menu {
				align-items: center;
				height: 88rpx !important;
			}
			.u-dropdown__menu__item {
				height: 50rpx;
				// margin-top: 20rpx;
				border-right: 1rpx solid #E5E5E5;
				
				&:last-of-type {
					margin-right: 80rpx;
				}

				.u-dropdown__menu__item__text {
					float: left;
					line-height: 90rpx;
					margin-right: 20rpx;
				}

				.u-icon__icon {
					float: right;
					line-height: 90rpx;
					box-sizing: border-box;
				}
			}
		}
	}
	.icon-box {
		.u-icon {
			position: absolute;
			right: 12rpx;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			z-index: 88;
		}
	}
}

.no-cinema-data {
	padding: 30rpx;
	color: #AAA;
	text-align: center;
	
	view {
		margin-top: 40rpx;
		&:first-of-type {
			font-size: 160rpx;
		}
		&:nth-of-type(2) {
			font-size: 28rpx;
		}
	}
}
